/*我*/
#wrap-me{
    height: 100%;
    flex-grow: 1;  /*占用布局剩余部分*/
    overflow-y: scroll;/*裁剪剩余部分,滚动显示*/
    background: whitesmoke;
    display: none; /*隐藏*/
}

/*顶部个人信息容器*/
.wrap-me-top{
    position: relative;
    display: flex;
    width: 100%;
    height: 150px;
    background: white;
}

/*头像容器*/
.wrap-me-top-left{
    width: 50px;
    height: 50px;
    margin-top: 40px;
    margin-left:20px;
    position: relative;

}

.wrap-me-top-left img{
    width: 50px;
    height: 50px;
    /*垂直居中容器内的信息*/
    align-items: center;
    /*内容居左*/
    justify-content: flex-start;
}

/*中间部分*/
.wrap-me-top-center{
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    top: -15px;
    left: -25px;
    flex-flow: column wrap;
}

.wrap-me-top-center div:nth-child(1){
     font-weight: 400;
     font-size: 20px;
}
.wrap-me-top-center div:nth-child(2){
    margin-top: 5px;
    margin-left: 40px;
    color: black;
}

.wrap-me-top-right{
    position: absolute;
    align-items: center;
    justify-content: flex-end;
    top: 50px;
    right: 40px;
}

.wrap-me-top-right img{
    width: 15px;
    height: 15px;
}